.MaintainStaModule {
  &.globeDataPanel {
    top: -100px;
    &.open {
      top: @SYSMARGINTOP + 75 + 10;
    }
  }
  &.globeButtonPanel {
    left: @SYSMARGINLEFTPANEL;
    right: @SYSMARGINRIGHTPANEL;
    bottom: -100px;
    &.open {
      bottom: @SYSMARGINBOTTOM;
      &.statisticsOpen {
        bottom: @SYSMARGINBOTTOM + @SYSMARGIN + 370;
      }
    }
  }
  &.statisticsPanel {
    left: @SYSMARGINLEFT;
    right: @SYSMARGINRIGHT;
    bottom: -1000px;
    padding: 20px;
    &.open {
      bottom: @SYSMARGINBOTTOM;
    }
    display: flex;
    .statisticsTableBlock {
      flex: 1;
      > .wrap {
        height: 285px;
        display: flex;
        flex-direction: column;
        table {
          width: 100%;
          border-spacing: 0;
          border-collapse: collapse;
          border: 0;
          thead, tbody, tfoot {
            tr {
              th, td {
                padding: 5px;
                border: 1px solid fade(@color-white, 30);
                text-align: center;
              }
            }
          }
          thead {
            tr {
              th {
                background-color: fade(@theme, 10);
                font-weight: normal;
                color: @themeButtonBlue;
              }
            }
          }
          tbody {
            tr {
              margin-top: -1px;
              color: @color-white;
              &:nth-child(odd) {
                background-color: fade(@theme, 5);
              }
              &:nth-child(even) {
              }
              &.active {
                background-color: fade(@theme, 80);
                opacity: 1;
              }
              td {
                border-left: none;
                border-top: none;
                &:first-child {
                  border-left: 1px solid fade(@color-white, 30);
                }
                &.active, &:hover {
                  background-color: fade(@theme, 80);
                }
                &.noData {
                  opacity: 0.5;
                  &:before {
                    content: "-";
                  }
                }
              }
            }
          }
        }
      }
    }

  }
  &.stakeNumPanel {
    height: 70px;
    left: @SYSMARGINLEFTPANEL;
    right: @SYSMARGINRIGHTPANEL;
    top: -70px;
    &.open {
      top: @SYSMARGINTOP;
    }
    .grid {
      top: 15px;
      .rule {
        top: 25px;
      }
      .node {
        top: 29px;
        &.current {
          .line {
            height: 35px;
          }
        }
        &.viewport {
          .line {
            height: 35px;
          }
        }
      }
      .stakeNumPointData {
        height: 15px;
        .rel;
        .pointNode {
          .nosel;
          .abs;
          top: 50%;
          width: 8px;
          height: 8px;
          border: 1px solid black;
          border-radius: 50px;
          opacity: 0.5;
          box-sizing: content-box;
          transform: translate(-50%, -50%);
        }
      }
    }
  }

}

.maintainBlock {
  > .wrap {
    > .maintainImg {
      max-width: 160px;
      max-height: 280px;
      margin: 10px;
      margin-bottom: auto;
    }
    > .folder {
      width: 240px;
    }
  }
}
